<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <title>Title</title>

    <!--=====================================================================-->
    <script>
        //ajax,怎么用可以看es6的项目

        //一个源生的ajax是如何创建的
        //分4个步骤
        // 1.创建ajax对象
        // 2.连接到服务器
        // 3.发送请求
        // 4.接收返回值
        let oAjax = new XMLHttpRequest();

        //创建请求
        oAjax.open('GET','msg.txt',true);

        //发送请求
        oAjax.send();

        //接受相应
        oAjax.onreadystatechange = function () {

            //ajax请求分为4个部分,4表示数据解析完成
            if (oAjax.readyState === 4) {

                //但此时状态码不一定为200
                if (oAjax.status === 200) {
                    console.log(oAjax.responseText);    //相应回来的数据
                } else {    //错误时候返回错误数据
                    console.log(oAjax.status);
                }

            }
            
        }









    </script>
</head>

<body>

<div>

</div>

</body>
</html>